<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title></title>
</head>
<body>
    #{list items:contacts, as:'contact'}
        <div>${contact.name} | ${contact.relatedString()}</div>
     #{/list}

    ----------------------------------
    #{form @Test.addSelfRef()}
        Parent: #{select 'parent', items:contacts, valueProperty:'id', labelProperty:'name', id:'select1' /}
        Child: #{select 'child', items:contacts, valueProperty:'id', labelProperty:'name', id:'select2' /}
        <input type="submit" value="add"/>
    #{/form}
    ----------------------------------
    #{form @Test.addNew()}
        <input type="submit" value="addNew"/>
    #{/form}

    ----------------------------------
    #{form @Test.changeName()}
        Contact: #{select 'contactId', items:contacts, valueProperty:'id', labelProperty:'name', id:'select2' /}
        Change name to : <input name="name">
        <input type="submit" value="change"/>
    #{/form}
</body>
</html>